<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <title>Simple mobile demo</title>

  <link rel="stylesheet" href="demo.css"/>
  <script src="../dist/gridstack-all.js"></script>

</head>
<body>
  <h1>Simple mobile demo</h1>
  <p>shows resize handle on mobile and support native touch events</p>
  <div class="grid-stack"></div>
  <script type="text/javascript">
    let grid = GridStack.init({
      column: 3,
    });
    grid.load([{x:0, y:0, content: '1'}, {x:1, y:0, h:2, content: '2'}, {x:2, y:0, content: '3'}])
  </script>
</body>
</html>
